<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/styles/default.css" />
<title>Insert title here</title>
</head>
<body>
<h1>Flight search</h1>
	<c:url value="/bookings" var="actionUrl" />
	<form id="fs_be_redo_model_Booking" action="${actionUrl}">
		<label>departure region
		<select id="departureregion">
			<c:forEach items="${FlightSearchForm.departureRegions}" var="region">
				<option value="${region.regionId}">${region.name}</option>
			</c:forEach>
		</select>
		</label>
		
		<label>departure airport
		<select id="selectdeparture" name="departure">
			<c:forEach items="${FlightSearchForm.departures}" var="airport">
				<option value="${airport.code}">${airport.name}</option>
			</c:forEach>
		</select>
		</label>
		

		<label>destination region
		<select id="destinationregion" >
			<c:forEach items="${FlightSearchForm.destinationRegions}" var="region">
				<option value="${region.regionId}">${region.name}</option>
			</c:forEach>
		</select>
		</label>
		
		<label>destination airport
		<select id="selectdestination" name="destination">
			<c:forEach items="${FlightSearchForm.destinations}" var="airport">
				<option value="${airport.code}">${airport.name}</option>
			</c:forEach>
		</select>
		</label>
		<input type="submit" value="Zoek vluchten"></input>
	</form>
</body>
</html>